<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>自适应布局</title>
<script src="../../boot.js"></script>
</head>
<body class="easyui-layout">
<div data-options="region:'north',split:true" style="height:60px;">
    north
</div>
<div data-options="region:'west',split:true,minSplit:true" style="width:80px;">
    west
</div>
<div data-options="region:'south',split:true,minSplit:true" style="height:40px;">
    south
</div>
<div data-options="region:'east',split:true" style="width:80px;">
    east
</div>
<div data-options="region:'center',split:true">
    <div id="subLayout" class="easyui-layout" data-options="fit:true,border:false">
        <div data-options="region:'north',border:false,split:true" style="height:40px;">
            north,我是嵌套的一个自适应布局
        </div>
        <div data-options="region:'center',border:false">
            center,我是嵌套的一个自适应布局<br/>
            <a class="easyui-linkbutton" onclick="javascript:$('#subLayout').layout('hidden','north');">隐藏north</a> <a class="easyui-linkbutton" onclick="javascript:$('#subLayout').layout('show','north');">显示north</a>
        </div>
    </div>
</div>
</body>
</html>
